<!--
 * @Descripttion: 
 * @version: 
 * @Author: cyj
 * @Date: 2022-12-17 13:31:57
-->
<template>
    <div class="official">
        <!-- 标题 -->
        <div class="official-title">
            <span>官方榜</span>
        </div>
        <!-- 各种榜单 -->
        <div v-for="(item,index) in rankOfficial" :key="index">
            <Officialitem :item="item"></Officialitem>
        </div>
    </div>
</template>

<script setup>
import Officialitem from '@/views/findmusic/songrank/chirdren/Officialitem.vue'
defineProps({
    rankOfficial:{
        type:Array,
        default:[]
    }
})
</script>

<style lang="scss" scoped>
.official {
    &-title {
        span {
            font-weight: 700;
            font-size: 20px;
        }
    }
}
</style>
